#region show
<template>
  <q-virtual-scroll-list
    :data-sources="data"
    data-key="id"
    :data-component="Item"
    :extimate-size="50"
  ></q-virtual-scroll-list>
</template>

<script setup lang="ts">
import mockjs from 'mockjs'
import Item from './item.vue'
const { Random } = mockjs
const totalCount = 1000
interface DataType {
  id: number | string
  name: string
  desc: string
  index: number
}

const data: Array<DataType> = []

for (let index = 0; index < totalCount; index++) {
  data.push({
    id: index,
    name: Random.name(),
    desc: Random.csentence(3, 20),
    index
  })
}
</script>

<style scoped></style>

#endregion show
